<template>
  <div />
  <!--  <Layout :class="prefixCls" v-bind="lockEvents">-->
  <!--    <LayoutFeatures />-->
  <!--    <LayoutHeader fixed v-if="getShowFullHeaderRef" />-->
  <!--    <Layout :class="[layoutClass]">-->
  <!--      <LayoutSideBar v-if="getShowSidebar || getIsMobile" />-->
  <!--      <Layout :class="`${prefixCls}-main`">-->
  <!--        <LayoutMultipleHeader />-->
  <!--        <LayoutContent />-->
  <!--        <LayoutFooter />-->
  <!--      </Layout>-->
  <!--    </Layout>-->
  <!--  </Layout>-->
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'DefaultLayout',
  components: {
    // LayoutFeatures: createAsyncComponent(() => import('/@/layouts/default/feature/index.vue')),
    // LayoutFooter: createAsyncComponent(() => import('/@/layouts/default/footer/index.vue')),
    // LayoutHeader,
    // LayoutContent,
    // LayoutSideBar,
    // LayoutMultipleHeader,
    // Layout,
  },
  setup() {
    // const { prefixCls } = useDesign('default-layout');
    // const { getIsMobile } = useAppInject();
    // const { getShowFullHeaderRef } = useHeaderSetting();
    // const { getShowSidebar, getIsMixSidebar, getShowMenu } = useMenuSetting();
    //
    // // 创建锁屏监视器
    // const lockEvents = useLockPage();
    //
    // const layoutClass = computed(() => {
    //   let cls: string[] = ['ant-layout'];
    //   if (unref(getIsMixSidebar) || unref(getShowMenu)) {
    //     cls.push('ant-layout-has-sider');
    //   }
    //   return cls;
    // });

    return {
      // getShowFullHeaderRef,
      // getShowSidebar,
      // prefixCls,
      // getIsMobile,
      // getIsMixSidebar,
      // layoutClass,
      // lockEvents,
    };
  },
});
</script>
<!--<style lang="scss"></style>-->
